<template>
  <div id="app">
    <transition name="fade">
      <router-view/>
    </transition>
  </div>
</template>

<script>
 import {Toast} from 'mint-ui'
 import baseConfig from './minix/baseConfig'
export default {
  name: 'App',
  mixins: [baseConfig],
  components: {
    Toast
  }
}
</script>

<style>
  @import "../static/reset.css";
  html, #app {
    width: 100%;
    height: 100%;
  }

  body {
    height: inherit;
    min-height: 100%;
  }

  .l-red-color {
    color: red;
  }

  .mint-toast.l-mt-toast {
    font-size: 28px !important;
  }

  /*过渡动画效果*/
  .fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
  }
  .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
  }
</style>
